/**
 * 格式化数据，背景色，背景图片链接，文字，边框等
 * @param {Object} data 数据源
 */
let formatCanvasData = (data) => {
  // 要绘制的节点，及默认背景色
  let result = {
    selector: '#drawImgCanvas', // canvas的selector
    drawAreaSelector: '.center-shadow .cont', // 绘制区域的selector
    autoSize: true,
    scale: data.scale || 1,
    data: {
      backgroundColor: 'transparent',
      node: []
    }
  }
  // 图片白色背景
  result.data.node.push({
    css: {
      backgroundColor: '#ffffff',
      borderRadius: '10px'
    }
  })
  // 商家logo
  result.data.node.push({
    src: data.imgDomain + data.logo,
    mode: 'aspectFit'
  })
  // 商家商品图片
  result.data.node.push({
    src: data.posterPic,
    mode: 'aspectFit'
  })
  if (data.showPrice) {
      // 商品价格
    result.data.node.push({
      text: data.price || '',
      css: {
        color: '#ff4242',
        fontSize: '40rpx'
      }
    })
  }
  // 商品标签
  let market = data.productData.market || []
  for (let i in market) {
    result.data.node.push({
      text: market[i] || '',
      css: {
        color: '#ff5858',
        fontSize: '24rpx',
        borderRadius: '6rpx',
        borderWidth: '2rpx',
        borderColor: '#ff5858',
      }
    })
  }
  // 标题
  result.data.node.push({
    text: data.contentTitle || '',
    css: {
      color: '#333',
      fontSize: '32rpx'
    }
  })
  // 副标题
  result.data.node.push({
    text: data.productData.ViceTitle || '',
    css: {
      color: '#999999',
      fontSize: '28rpx'
    }
  })
  // 小程序码/二维码
  result.data.node.push({
    src: data.qrCode,
    mode: 'aspectFit'
  })
  result.data.node.push({
    text: '长按/扫码识别',
    css: {
      color: '#999999',
      fontSize: '28rpx'
    }
  })
  return result
}

export {
  formatCanvasData
}